<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="jquery.js"></script>
		<script type="text/javascript" src="jquery.ui.core.js"></script>
		<script type="text/javascript" src="jquery.ui.widget.js"></script>
		<script type="text/javascript" src="jquery.ui.mouse.js"></script>
		<script type="text/javascript" src="jquery.ui.draggable.js"></script>
		<script type="text/javascript" src="jquery.ui.resizable.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$(".at_window").draggable().resizable();
				$(".at_window_minimize").click(function(){
					$(".at_window").animate({height:'45px'});
				})
			})
		</script>
		<link type="text/css" href="style.css" rel="stylesheet" />
	</head>
	<body style="background-color: #fff;text-align:center;padding-top:300px;">
		<div class="at_window">
			<div class="at_window_close">x</div>
			<div class="at_window_minimize">mn</div>
			<div class="at_window_minimize">mx</div>
			<div class="at_window_top_left"><img src="images/lewy_gorny_rog.png" alt="" /></div>
			<div class="at_window_top_center">&nbsp;</div>
			<div class="at_window_top_right"><img src="images/prawy_gorny_rog.png" alt="" /></div>
			<div class="at_window_middle_left">&nbsp;</div>
			<div class="at_window_middle_center">&nbsp;</div>
			<div class="at_window_middle_right">&nbsp;</div>
			<div class="at_window_bottom_left"><img src="images/lewy_dolny_rog.png" alt="" /></div>
			<div class="at_window_bottom_center">&nbsp;</div>
			<div class="at_window_bottom_right"><img src="images/prawy_dolny_rog.png" alt="" /></div>
			<div class="at_window_content">dddd</div>
			<img class="at_window_resize ui-resizable-handle ui-resizable-se" src="images/window_resize.gif" alt="" />
		</div>
	</body>
</html>
